import React from 'react';
import { View, Text, ScrollView, StyleSheet, ImageBackground } from 'react-native';
import Icon from 'react-native-vector-icons/AntDesign';
import '../../common/global';

const Detail = ({ navigation, route }) => {
    // console.log(route);
    return (
        <ScrollView>
            <View style={styles.headerStyle}>
                <Text onPress={() => navigation.goBack()}><Icon name="arrowleft" size={25}></Icon></Text>
                <Text style={{ marginLeft: ptd(10), fontSize: 20 }}>听友说</Text>
            </View>
            <ImageBackground source={require('../../Image/rest2.png')} resizeMode="stretch" style={{ width: w, height: h - ptd(65) }}>
                <View style={styles.textS}>
                    <Text style={{fontSize:20,lineHeight:40}}>{route.params.item.content}</Text>
                </View>
            </ImageBackground>
        </ScrollView>
    )
}

const styles = StyleSheet.create({
    headerStyle: {
        width: w,
        height: ptd(45),
        flexDirection: 'row',
        alignItems: 'center',
        paddingLeft: ptd(10),
        borderBottomColor: 'rgba(0,0,0,0.2)',
        borderBottomWidth: 1
    },
    textS:{
        margin:ptd(30)
    }
})

export default Detail;